.sidebarToggle{
    position: fixed;
    height: 8%;
    width: 5.5%;
    top: 0%;
    left: 0%;
    background-color: rgb(230, 230, 230);
}
.sidebarToggleIcon{
    position: relative;
    height: 100%;
    width: 100%;
}
.sidebarToggleIcon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sidebarBase{
    position: fixed;
    height: 92%;
    width: 5.5%;
    top: 8%;
    left: 0%;
    background-color: rgb(60, 60, 60);
}
.sidebarBase.active{
    left: -100%;
}

.sidebarPositionBase{
    position: absolute;
    height: 20%;
    width: 100%;
    top: 10%;
    left: 0%;
    background-color: rgb(60, 60, 60);
}
.Profile{
    position: absolute;
    height: 6vw;
    width: 6vw;
    top: 15%;
    left: 3%;
    background-image: linear-gradient(to bottom right, rgba(66, 63, 62, 0.5), rgba(0, 0, 0, 0.5));
    border-color: rgba(255, 255, 255, 0.7);
    border-style: solid;
    border-width: thin;
}
.Profile img{
    width: 90%;
    height: 90%;
    margin: 5% 5%;
    object-fit: contain;
}
.profileTextContainer{
    position: absolute;
    top: 15%;
    right: 2%;
    height: 70%;
    width: 62%;
    display: flex;
    align-items: center;
}
#profileText{
    font-family:sans-serif;
    font-size: 200%;
    color: white;
}

.sidebarButtonContainer{
    position: absolute;
    height: 90%;
    width: 100%;
    top: 2%;
    display: flex;
    flex-direction: column;
    gap: 1%;
}
.sidebarButton{
    position: relative;
    height: 12%;
    width: 100%;
    display: flex;
}

.sidebarButtonIcon{
    position: relative;
    height: 65%;
    width: 100%;
}
.sidebarButtonIcon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sidebarButtonText{
    position: absolute;
    bottom: 0%;
    left: 0%;
    height: 35%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.sidebarButtonText b{
    font-size: 0.9vw;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

.sidebarButtonLink{
    position: absolute;
    left: 0%;
    height: 100%;
    width: 100%;
    display: flex;
}